.departmentCard {
  border-radius: 4px;
  background-color: #FFFFFF;
  margin-bottom: 15px;
  &:hover {
    background: #F4F4F4 !important;
  }
  .cardHead {
    border-radius: 4px 4px 0 0;
    border: 1px solid #5292DE; // padding-left: 12px;
    background: #5292DE;
    height: 35px;
    font-size: 12px;
    color: #fff;
    display: flex;
    -webkit-display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    -ms-justify-content: space-around;
    .tag {
      min-width: 35px;
      font-size: 12px;
      height: 20px;
      padding: 0 3px;
      border-radius: 3px;
      background: #fff;
      color: #5292DE; // margin-right: 10px;
    }
    .typeIcon {
      margin-right: 2px;
      margin-top: -2px;
    }
  }
  .cardHeadMin {
    border-radius: 4px 4px 0 0;
    border: 1px solid #5292DE; // padding-left: 12px;
    background: #5292DE;
    height: 20px;
    font-size: 12px;
    color: #fff;
    display: flex;
    -webkit-display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    -ms-justify-content: space-around;
  }
  .cardBody {
    padding: 10px;
    border: 1px solid #C2CBD2;
    border-top: none;
    .item {
      margin-bottom: 10px;
      font-size: 12px;
      &:last-child {
        margin-bottom: 0;
      }
      .label {
        color: #343434;
      }
      .info {
        color: #687179;
      }
    }
  }
}